/*
 	作者：夏某某
 	时间：2017.5.30
 	项目：QQmusic
 	联系方式：itxia2017@163.com
 
 * */

*{padding: 0; margin: 0;}
ul,li{list-style: none;}
a{text-decoration: none; color: #000;}
html{font-size: 75px;}
html,body{height: 100%;}
body {font-size: 16px;max-width: 740px;min-width: 320px; overflow-x: hidden;}
/*头部*/
header{position: relative;height: 44px;background: #31c27c;}
.logo{color: #fff; float: left;display: block;width: 90px;height: 25px;margin: 9px 0 0 10px;background-image:url(logo.png); background-size: cover;background-repeat: no-repeat;text-indent: -9999px;}
.xzapp{position: absolute;display: inline-block;right: 10px;top: 8px;height: 28px;padding: 0 12px;line-height: 28px;border-radius: 99px;font-size: 14px;background: #149c5a;color: #fff;}

/*导航*/
nav{display: -webkit-box; background: #fff;}
nav .tui{-webkit-box-flex: 1;position: relative;display: block;height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 16px;color: rgba(0,0,0,.6);-webkit-box-sizing: border-box;}

nav .pai{-webkit-box-flex: 1;position: relative;display: block;height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 16px;color: rgba(0,0,0,.6);-webkit-box-sizing: border-box;}


nav .sou{-webkit-box-flex: 1;position: relative;display: block;height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 16px;color: rgba(0,0,0,.6);-webkit-box-sizing: border-box;}
/*轮播图*/
.lunbo{margin-bottom: 14px;}
/*电台*/
.sort-list{margin-bottom: 7px;}
.sort-nome{margin-left: 10px; margin-right: 10px; width: 100%;}
.sort-list .diant{font-size: 16px;color: #000;margin-bottom: 11px;font-weight: normal;}
.sort-list .jut{ width: 100%;}
.sort-list .imgss-left{width: 49%; float: left; padding-right: -8px; position: relative;}
.sort-list .imgss-left .ospan{display: block; background: url(ksan.png);background-repeat: no-repeat;background-size: 24px 60px;position: absolute;height: 24px;bottom: 29px;right: 5px; width: 24px; background-position: 0 0;}

.sort-list .imgss-right{width: 49%; float: right; position: relative;}
.sort-list .imgss-right .ospan{display: block; background: url(ksan.png);background-repeat: no-repeat;background-size: 24px 60px;position: absolute;height: 24px;bottom: 29px;right: 16px; width: 24px; background-position: 0 0;}
.sort-list .yire{margin-left: 10px; font-size: 14px;}
.sort-list .rege{margin-left: 10px;font-size: 14px;}
.tian{width: 100%;height: 238px;}
.re-warr{margin-left: 10px;margin-right: 10px;}
.re-warr .list-telt{font-size: 16px;color: #000;margin-bottom: 11px;font-weight: normal;}


.li-li{width: 50%;height: 222px; float: left; margin-bottom: 10px;}
.li-li .oimg{width: 173px;height: 173px; position: relative;}
.li-li .names{width: 100%;height: 44px; padding: 5px 7px;}
.li-li .lost-h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal; font-size: 14px;}
.li-li .list-p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal; font-size: 12px;}
.li-li .oimg .spane{display: block; background: url(ksan.png);background-repeat: no-repeat;background-size: 24px 60px;position: absolute;height: 24px;bottom: 5px;right: 5px; width: 24px; background-position: 0 0;}

.gengduo{height: 40px;line-height: 40px;text-align: center;}
.gengduo .a1{display: inline-block;padding: 0 10px;font-size: 14px;color: rgba(0,0,0,.6);}


.cj {text-align: center;margin-bottom: 16px;}
 .cj .a2{position: relative;display: inline-block;padding: 0 15px;font-size: 14px;height: 14px;line-height: 14px;color: #000;}

.qqy{display: block;width: 82px; height: 24px;margin: 0 auto 10px;background-image: url(logo_footer.png);background-repeat: no-repeat;background-size: cover;text-indent: -9999px;}

.wep{font-size: 10px;text-align: center;color: rgba(0,0,0,.5);}

.pao{margin: 10px;}
.pao-li{margin-bottom: 10px;overflow: hidden;}
.pao-lei{display: flex;}
.pao-li .o-img{position: relative;width: 100px;height: 100px;display: block;}
.pao-li .o-img img{display: block;width: 100px;height: 100px;}
.pao-right{position: relative;-webkit-box-flex: 1;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;}
.right-lei{-webkit-box-flex: 1;margin: 0 10px 0 15px; }
.right-lei .hh3{font-size: 16px;color: #000;font-weight: normal;
margin-bottom: 5px;}
.right-lei .oop{font-size: 14px;color: rgba(0,0,0,.5); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:230px ;}
.spann{color: #000;margin-left: 8px;margin-right: 5px;}
.quke{height: 40px; line-height: 40px; text-align: center;}
.quke a{display: inline-block;padding: 0 10px;font-size: 14px;color: rgba(0,0,0,.6);}

.a-span{position: absolute;left: 5px; bottom: 7px; font-size: 12px; color: #fff;opacity: 0.6; }
.a-span .back{background: url(ksan.png); display: block;width: 10px; height: 10px;float: left;background-repeat: no-repeat ; background-size: 24px 60px;z-index: 10; margin-right: 3px;background-position: 0 -50px; margin-top: 3px;}
.inputss{background: #f4f4f4;padding: 10px;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-align: center;}
.inputss .inputss2{position: relative;border-radius: 3px;background: #fff;height: 20px;padding: 8px 12px 8px 35px;-webkit-box-flex: 1;margin-top: 10px; display: flex; }
.inp{display: block; height: 20px;line-height: 20px;width:260px;color: rgba(0,0,0,.3);border: none;-webkit-appearance: none;font-size: 14px;outline: none;}
.inputss .inputss2 .quan{background: url(sousuo.png); display: block;width: 18px; height: 18px; position: absolute;background-repeat: no-repeat;background-size: cover;left: 10px;top: 9px; text-indent: -9999px;}
.inputss .inputss2 .quxi{display: block; width: 48px;height: 36px; text-align: center; line-height: 36px; font-size: 14px; position: absolute; right: 0px;top: 0; display: none;}
.qipao{background: #fff;padding: 15px 15px 10px 15px; display: block;}
.qipao .qipao-h{color: rgba(0,0,0,.6);margin-bottom: 8px; font-size: 14px;}
.qipao-d{}
.qipao-d .qipao-a{display: inline-block;font-size: 14px;padding: 0 10px;height: 30px;line-height: 30px;color: #000;border: 1px solid rgba(0,0,0,.6);border-radius: 99px;word-break: keep-all;margin-bottom: 10px;margin-right: 14px;}
.qipao-d .qipao-b{color:#fc4524; border: 1px solid #fc4524;}
.dov-lei{display: inline-block;}

.liu{display: none;}
.liu .ul{display: block;}
.li-oli{position: relative;height: 55px;padding-left: 56px;overflow: hidden;}

.li-oli .touxiang{position: absolute;top: 18px;left: 18px;width: 22px;height: 20px;background-position: 0 0; background: url(yingfu.png);background-repeat: no-repeat;background-size: 22px 30px;}
.lain{margin: 10px 0 2px;line-height: 18px;font-size: 16px;font-weight: normal;color: #000;}
.lu{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #808080; font-size: 12px;}

/*详情页*/

.warry{margin-bottom: 100px;}
.warry .dingbu{position: relative; overflow: hidden; width: 375px; height: 375px; background: url(banner.jpg); background-size: cover; background-repeat: no-repeat;}
.warry .dingbu .wzlunbo{position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;color: #fff;}
.warry .dingbu .mengc{width: 100%;height: 225px; position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;background-image:-webkit-linear-gradient(top,transparent,currentColor 80%);}
 .lei-h{display: -webkit-box;-webkit-box-align: center;margin: 0 15px 25px;};
.syp{display:block;width:300px;}
.syp .syp-span{display:block;width: 90%; font-size: 24px;font-weight: 400;white-space: nowrap;}
.p22{    font-size: 14px;}
.apq{display: block;width: 48px;height: 48px; background: url(ksan.png); position: absolute;right: 13px; bottom: 30px;}
.libiao {width: 100%; height: 100px;}
.libiao .ola{ list-style-type:decimal;list-style-position:inside;}
.nuo{display: inline-block;}
